﻿<html>
<head>
<title>CSS3 Border Bottom Width Test </title>

<style type="text/css" id="internalStyle">
p {border-bottom-width: 10px; border-bottom-style: solid;
   }
h3 {border-bottom-width: 50px; border-bottom-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Bottom Width Test</h1>





<ul>
<li>
The "border-bottom-width" property sets the thickness of the bottom border.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border bottom width
of 10px.
The rule applied is "p {border-bottom-width: 10px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border bottom width of 50px.
The rule applied is "h3 {border-bottom-width: 50px;}".
Here is some more text to test this more effectively.
Here is some more text to test this more effectively. 
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
Here is some more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
10px border bottom width.  Border bottom style of solid is applied to all CSS rules,
so that bottom border is visible.
</p>

</body>
</html>
